<template>
    <div class="jian">

        <div class="header">
            <router-link to="shezhi">
                <van-icon name="arrow-left" class="fanhui" />
            </router-link>
            <h1>我的简介</h1>

        </div>
        <!-- <div class="nav"> -->
        <textarea class="nav_nei" v-model="text"></textarea>
        <!-- </div> -->
        <span class="foot" @click="ni(text), chufa()">保存</span>

    </div>

</template>
<script>
export default {
    data() {
        return {
            text: '年',
        }
    },
    methods: {
        ni(text) {
            this.$store.commit('duan/setJian', text);
            console.log(text);

        },
        chufa() {
            this.$router.push({ name: 'shezhi' })
        },
    },
}


</script>
<style scoped>
.jian {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.header {
    width: 100%;
    height: 50px;
    background-color: rgba(248, 248, 248, 100);
    /* position: relative; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.fanhui {
    color: black;
    font-size: 23px;
    font-weight: bolder;
    left: 10px;
    top: 10px;
}

h1 {
    margin-top: 10px;
}

/* .nav {
    width: 100%;
    height: 40%;


} */

.nav_nei {

    width: 80%;
    height: 40%;
    background-color: aqua;
    border-radius: 20px;
    margin-top: -220px;
    margin-left: 10%;
    text-indent: 20px;
    font-size: 14px;
    line-height: 50px;
    color: #444;
}

.foot {
    width: 80%;
    height: 10%;
    display: flex;
    margin-left: 10%;
    flex-direction: column;
    justify-content: space-around;
    background-color: #444;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 30px;
}
</style>